@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
ul,ol{list-style:none;}
input,img{border:0;font-family:"微软雅黑"; vertical-align:middle}
a{ color:#333; text-decoration:none;}
b, h2, h3, strong, big, del{font-weight:normal;}
a:hover{text-decoration:none;}
input, select, textarea, button {outline:0 none; vertical-align: middle;}
li {list-style: none outside none;}
img{ max-width:100%; height:auto; width: auto\9; border:0;}
.clear{ clear:both;}
body{ font-family:"微软雅黑";  font-size:16px; font-weight:normal; width:100%; color:#333;background-attachment:fixed;background-size: cover;background-repeat: no-repeat;}
/* 公共样式 */
.size18{font-size:18px;}
.size30{font-size:30px;}
.size20{font-size:20px;}
.black{color:#333;}
.line-height{line-height:30px;}
/* 首页 */
.head{width:100%; position:relative;}
.head img{width:100%;}
.Avatar{width:90%; margin-left:10%; margin-top:10%;position:absolute; top:10%; color:#FFF;}
.Avatar img{width:20%; float:left;}
.Avatar span{float:left; width:40%; margin-left:5%;}
.Avatar a{color:#FFF; border:1px solid #FFF; padding:10px; margin-top:10%; float:left; display:block}
.Account-Management{color:#FFF; text-align:right; position:absolute; top:85%; width:90%; margin:0 5%}
.menu{width:100%; overflow:hidden; margin-bottom:3%; background-color:#FFF }
.menu ul{width:84%; float:left; padding:2% 0}
.menu ul a{float:left; width:25%; text-align:center; display:block;}
.menu img{width:50%;}
.menu span{width:16%; float:left; background:url(../img/bj.jpg) no-repeat left; text-align:center; padding:2% 0}
.management{width:96%; padding:2%; background-color:#FFF; overflow:hidden; margin-bottom:11%;}
.management a{float:left; text-align:center; width:32%; padding:3% 0} 
.navigation{width:100%; background-color:#FFF; overflow:hidden; position:fixed; bottom:0}
.navigation a{width:20%; float:left; text-align:center;}
.navigation span{width:20%; float:left; text-align:center;}
.navigation img{width:50%;}
/* 会员 */
.member{width:90%; margin-left:10%; color:#FFF;}
.member img{width:20%; float:left;}
.member span{float:left; width:40%; margin-left:5%;}
.fee{width:100%; overflow:hidden;}
.fee a{float:left; width:49%; text-align:center; background-color:#2da937; padding:3% 0; color:#FFF; margin-bottom:2%}
#nav {width:100%; list-style-type: none;
 text-align:left;  }
/*==================一级目录===================*/
#nav a {
 width: 100%; 
 display: block;
 padding-left:20px;
 /*Width(一定要)，否则下面的Li会变形*/
}
#nav li { width:95%; 
}
.Select{border:1px solid #cdcdcd;border-radius:6px; margin-bottom:2%}
#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
/*==================二级目录===================*/
#nav li ul { width:80%; margin:3%;
 list-style:none;
 text-align:left;
}
#nav li ul li{ border:1px solid #cdcdcd; margin:2%;border-radius:6px; line-height:30px;
 background: #fff; background:url(../img/Broadcast.jpg) no-repeat right;/*二级目录的背景色*/
}
#nav li ul a{
         padding-left:20px;
         width:160px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
/*==============================*/
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}
-->
#PARENT{ width:96%; margin:2% }
